<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="dropdown.example.css"/>
	<script src="../../_jquery/jquery-1.3.2.js"></script>
	<script src="../dropdown.jquery.js"></script>
	<script src="dropdown.example.js"></script>
	<title>Dropdown Examples</title>
</head>
<body>
	<p>Here are some example uses for the dropdown script. Also this is sort of a testing groung to make sure the script works as expected in multiple situations.</p>

	<div id="no_styles">
		<h1>No Styles</h1>
		<ul>
			<li><a href="http://google.com">Google</a></li>
			<li><a href="http://reddit.com">Reddit</a></li>
			<li><a href="http://hulu.com">Hulu</a></li>
			<li><a href="http://thedailyshow.com">The Daily Show</a></li>
		</ul>			
	</div>

	<div id="page">
		<div id="floated_left">
			<h2>Floated Left</h2>
			<ul>
				<li><a href="http://google.com">Google</a></li>
				<li><a href="http://reddit.com">Reddit</a></li>
				<li><a href="http://hulu.com">Hulu</a></li>
				<li><a href="http://thedailyshow.com">The Daily Show</a></li>
			</ul>			
		</div>

		<div id="floated_right">
			<h3>Floated Right</h3>
			<ul>
				<li><a href="http://google.com">Google</a></li>
				<li><a href="http://reddit.com">Reddit</a></li>
				<li><a href="http://hulu.com">Hulu</a></li>
				<li><a href="http://thedailyshow.com">The Daily Show</a></li>
			</ul>			
		</div>

		<div id="centered">
			<h4>Centered</h4>
			<ul>
				<li><a href="http://google.com">Google</a></li>
				<li><a href="http://reddit.com">Reddit</a></li>
				<li>
					<h5>More</h5>
					<ul>
						<li><a href="http://google.com">Google</a></li>
						<li><a href="http://reddit.com">Reddit</a></li>
						<li><a href="http://hulu.com">Hulu</a></li>
						<li><a href="http://thedailyshow.com">The Daily Show</a></li>
					</ul>
				</li>
				<li><a href="http://hulu.com">Hulu</a></li>
				<li><a href="http://thedailyshow.com">The Daily Show</a></li>
				<li>
					<h5>More</h5>
					<ul>
						<li><a href="http://google.com">Google</a></li>
						<li><a href="http://reddit.com">Reddit</a></li>
						<li><a href="http://hulu.com">Hulu</a></li>
						<li><a href="http://thedailyshow.com">The Daily Show</a></li>
					</ul>
				</li>
			</ul>			
		</div>

		<div id="absolute_positioned">
			<h5>Absolute Positioned</h5>
			<ul>
				<li><a href="http://google.com">Google</a></li>
				<li><a href="http://reddit.com">Reddit</a></li>
				<li><a href="http://hulu.com">Hulu</a></li>
				<li><a href="http://thedailyshow.com">The Daily Show</a></li>
			</ul>			
		</div>
	</div>
</body>
</html>